import React from 'react'
import { Select, Space } from 'antd';
const SelectList: React.FC = () => {
    // 下拉事件
    const handleChange = (value: string) => {
        console.log(`selected ${value}`);
    };
    return (
        <div>
            <div className="TemplateList-Con1">
                <Space wrap style={{ marginRight: '35px' }}>
                    <p>商品大类:</p>
                    <Select
                        defaultValue="请选择最大类"
                        style={{ width: 210 }}
                        onChange={handleChange}
                        options={[
                            { value: '商品描述', label: '商品描述' },
                        ]}
                    />
                </Space>
                <Space wrap style={{ marginRight: '30px' }}>
                    <p>商品小类:</p>
                    <Select
                        defaultValue="请选择小类"
                        style={{ width: 180 }}
                        onChange={handleChange}
                        options={[
                            { value: '商品描述', label: '商品描述' },
                        ]}
                    />
                </Space>
                <Space wrap style={{ marginRight: '30px' }}>
                    <p>曝光类型:</p>
                    <Select
                        defaultValue="全部"
                        style={{ width: 100 }}
                        onChange={handleChange}
                        options={[
                            { value: '商品描述', label: '商品描述' },
                        ]}
                    />
                </Space>
            </div>
            <div className="TemplateList-Con2">
                <Space wrap style={{ marginRight: '15px' }}>
                    <p>好货设置:</p>
                    <Select
                        defaultValue="好货"
                        style={{ width: 100 }}
                        onChange={handleChange}
                        options={[
                            { value: '商品描述', label: '商品描述' },
                        ]}
                    />
                </Space>
                <Space wrap style={{ marginRight: '30px' }}>
                    <Select
                        defaultValue="所有分组"
                        style={{ width: 100 }}
                        onChange={handleChange}
                        options={[
                            { value: '商品描述', label: '商品描述' },
                        ]}
                    />
                </Space>
                <Space wrap>
                    <p>退款类型:</p>
                    <Select
                        defaultValue="请选择退款类型"
                        style={{ width: 180 }}
                        onChange={handleChange}
                        options={[
                            { value: '商品描述', label: '商品描述' },
                        ]}
                    />
                </Space>
            </div>

        </div>
    )
}

export default SelectList